<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>下沙自行车交易平台登录  —— LiangDesign</title>
	<link rel="shortcut icon" href="${ctx}/images/favicon.ico" />
	<%@ include file="/common/meta.jsp"%>
	<script type="text/javascript" src="${ctx}/js/jquery-1.4.2.min.js"></script>
	<script language="javascript" type="text/javascript">
		function refreshCaptcha(){
				$('#captchaImg').html('<img src="${ctx}/jcaptcha.jpg?'+Math.round(Math.random()*100000)+'"/>');
		}
	</script>
	<style type="text/css">
		#captchaImg{
			float:left;
		}
		#captchaImg img{
			margin-left:5px;
			width:90px;
			height:30px;
			clear:both;
		}
		.chkyzm {
			line-height:30px;
			margin-left:11px;
			color:#333;
			font-size:12px;
		}
		.copyright{
			font-size:12px;
			text-align:left;
		}
		h2{
			font-size:20px;
		}
	</style>
</head>
<body>
    <div style="border:solid 1px #e5e5e5;width:62%;border-top:solid 1px white;border-left:none;">
    <div style="margin-left:50%;margin-top:29%;margin-bottom:27px;">
	<h2>下沙自行车交易平台</h2>
	<s:actionerror/>
	<form id="loginForm" action="${ctx}/niagara_security_login_check" method="post">
		<table class="inputView">
			<tr>
				<td align="right">用户名:</td>
				<td>
					<input type='text' name='niagara_security_params_login_id' class="required" style="width:175px;"/>
				</td>
			</tr>
			<tr>
				<td align="right">密<span style="padding-left:16px;"></span>码:</td>
				<td><input type='password' name='niagara_security_params_password' class="required" style="width:175px;"/></td>
			</tr>
			<tr>
				<td align="right">验证码:</td>
				<td>
					<input tabindex="3" type='text' name='niagara_security_params_captcha' style="width:75px;float:left;"/>
            		<span id="captchaImg" ><img src="${ctx}/jcaptcha.jpg" /></span><a href="javascript:refreshCaptcha()" class="chkyzm">换一张</a>
				</td>
			</tr>
			<tr>
				<td ><input value="登录" type="submit" /></td>
				<td ><input value="重置" type="reset" />
				</td>
			</tr>
		</table>
	</form>
	
	</div>
	</div>
	<div style="border:solid 1px #e5e5e5;border-right:none;border-bottom:solid 1px white;width:37%;margin-left:62%;margin-top:-1px;">
		<div style="margin-bottom:15%;padding-left:20px;">
			<p class="copyright">
			Copyright &copy; 2011 LiangLi. All Rights Reserved<br /><br/>
			杭州电子科技大学&nbsp;&nbsp;&nbsp;&nbsp;版权所有<br/><br/>
  			主办单位：<a href="http://www.hzcl.org.cn/" target="_blank">杭州电子科技大学</a>　<br /><br/>		
			技术支持：<a href="http://www.bornsoft.cn" target="_blank">LiangLi Design</a>　<br /><br/>	
			</p>
		</div>
	</div>
</body>
</html>